<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>活动测试页</title>
		<script>
			var designW = 750,
				designH = 1550;
			var windowW = window.innerWidth,
				windowH = window.innerHeight;
			var scaleX = windowW / designW,
				scaleY = windowH / designH;
			var scale = Math.min(scaleX, scaleY);
			// var htmlEle = document.querySelector('html');
			// htmlEle.style.transform = 'scale(' + scale + ')';
			var metaTags = document.getElementsByTagName('meta');
			for (var i = 0; i < metaTags.length; i++) {
				// 判断当前元素是否为 viewport 相关的 meta 标签
				if (metaTags[i].getAttribute("name") === "viewport") {
					// 设置新的 initial-scale 值
					metaTags[i].setAttribute(
						"content",
						"width=device-width, shrink-to-fit=no, user-scalable=no,minimum-scale=0.5,maximum-scale=2.0,initial-scale=" +
						scale
					);
					break; // 只需修改第一个符合条件的 meta 标签，因此跳出循环
				}
			}
		</script>
		<!-- 	<script type="text/javascript">
			const userAgent = navigator.userAgent;
			if (/miniProgram/i.test(userAgent) && /micromessenger/i.test(userAgent)) {
				// 微信小程序 JS-SDK 如果不需要兼容微信小程序，则无需引用此 JS 文件。
				document.write('<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"><\/script>');
			}
		</script> -->
		<!--  uni.webview.1.5.6.js -->
		<!-- <script type="text/javascript" src="https://gitcode.net/dcloud/uni-app/-/raw/dev/dist/uni.webview.1.5.6.js"></script> -->

		<!-- <script type="text/javascript">
			// 待触发 `UniAppJSBridgeReady` 事件后，即可调用 uni 的 API。
			document.addEventListener('UniAppJSBridgeReady', function() {
				alert("UniAppJSBridgeReady");
				uni.postMessage({
					data: {
						action: 'load message'
					}
				});
				uni.getEnv(function(res) {
					console.log('当前环境：' + JSON.stringify(res));
				});

				document.getElementById('postMessage').addEventListener('click', function() {
					uni.postMessage({
						data: {
							action: 'click message'
						}
					});
					alert("click");
				});
			});
		</script> -->
		<style>
			body {
				margin: 0;
				padding: 0;
				width: 100%;
				background: #ffffff;
				font-family: Arial, sans-serif;
				font-size: 24px;
				line-height: 1.5;
			}

			h1,
			h2,
			h3 {
				color: #333;
			}

			h1 {
				text-align: center;
			}

			p {
				text-indent: 2em;
			}

			button {
				margin-left: 2em;
				width: 200px;
				height: 50px;
				font-size: 24px;
				background: lightblue;
			}

			.content {
				margin: auto;
				padding: 30px 10px 30px 30px;
				width: calc(100% - 40px);
				border-radius: 20px;
			}

			.section {
				margin-bottom: 20px;
			}

			.section p {
				margin: 10px 0;
			}
		</style>
	</head>
	<body>
		<div class="content">
			<h1>“硒乡坊”活动</h1>
			<h2>“硒乡坊”活动</h2>
			<p>欢迎“硒乡坊”优惠测试活动。</p>
			<p>欢迎“硒乡坊”优惠测试活动。</p>
			<p>欢迎“硒乡坊”优惠测试活动。</p>

			<p>感谢您信任我们的服务，并保障您的隐私安全！</p>
			<p>感谢您信任我们的服务，并保障您的隐私安全！</p>
			<p>感谢您信任我们的服务，并保障您的隐私安全！</p>

			<div class="section">
				<h2>领取优惠券</h2>
				<button type="button">点我领取</button>
			</div>
		</div>
	</body>
</html>